<template>
     <el-row class="container" type="flex" justify="space-between">
         <el-row class="left">
           <EditArtical :draftFields="draftFields" />
         </el-row>
         <el-row class="right">
           <DraftBox @editDraft="setDraftId"/>  
         </el-row>
     </el-row>
</template>

<script>
import EditArtical from '@/components/tourismStrategy/EditArtical'
import DraftBox from '@/components/tourismStrategy/DraftBox'
export default {
    data(){
        return{
            draftFields:[]
        }
    },
    components:{
        EditArtical,
        DraftBox
    },
    methods:{
        setDraftId(id,date){
            this.draftFields = [id,date];
        }
    }
}
</script>

<style lang="less" scoped>
.container{
    width:1000px;
    margin:20px auto 0;
    .left{
        width: 750px;
    }
    .right{
        width: 225px;
    }
}
</style>